<!doctype html>
<html lang="en">
<head>
<title>广告特效</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection"content="telephone=no, email=no" />
<link rel="stylesheet" type="text/css" href="css/ui.css"/>
<link rel="stylesheet" type="text/css" href="css/page.css"/>
<script src="js/libs/TouchSlide.1.1.source.js"></script>
</head>
<body>

<!--header-->
	<header class="header">
		<!--左边icon-->
    	<div class="header-left">
        	<a class="header-back" href=""></a>
        </div>
        <!--可以使用h1或者其余的tag .header-title-->
      	<h1>文章详情</h1>
		<div class="header-right">
        	<a href="">保存</a>
        </div>
    </header>
<!--以下部分是主要内容-->
<div id="main">
	<div class="p1_content clearfix">
		<div class="p1_content_tit">
			<h1>总理参加会议答记者问</h1>
			<p>2015-03-19  迷你</p>
		</div>
		<div class="p1_content_con">
			<p>看到总理携多名部长“下团”，全国人大代表、新希望集团董事长刘永好挺兴奋的，因为当天他报名了大会发言。s</p>
			<img src="img/zlcjhy.jpg" width="579" height="316" />
			<p>我是第二个发言，刚讲到 今天发言题目是搭平台、促联合、某发展新常态下企业发展的新思路，总理就打断了我。”刘永好向南都记者回忆，总理说：“用好，你的报告我全看了，我问你一些问题，我们来互动。”其后，就刘永好准备的讲话稿内容李克强连续发问。</p>
		</div>
	</div>
	<div class="p2_guanggao clearfix" id="p2_guanggao">
		<div class="p2_guanggao_tit"></div>
		<ul class="p2_guanggao_con">
			<!--------------无广告----------------->
			<li>
			<div class="p2_guanggao_con_01 clearfix">
				
			</div>
			</li>
			
			<!--------------佣金广告----------------->
			<li>
			<div class="p2_guanggao_con_02 clearfix">
				<div class="p2_guanggao_con_02top">
					<p>选择相应广告分享文章后，朋友点击广告就会获得相应推广佣金。更多生意信息去梦工厂学习吧。</p>
				</div>
				<div class="p2_guanggao_con_02cer">
					<img src="img/yjgg.jpg" width="580" height="355" />
				</div>
				<div class="p2_guanggao_con_02bot">
					<p>一级佣金：<span>¥0.20</span></p><p>二级佣金：<span>¥0.10</span></p>
				</div>
			</div>
			</li>
			
			<!--------------店铺广告----------------->
			<li>
			<div class="p2_guanggao_con_03 clearfix">
				<div class="p2_guanggao_con_03top">
					<p>我代理的店铺</p>
				</div>
				<div class="p2_guanggao_con_03cer">
					<img src="img/dpgg.jpg" width="580" height="220" />
                    <img src="img/dpgg.jpg" width="580" height="220" />
				</div>
			</div>
			</li>
			
			<!--------------自定义广告----------------->
			<li>
			<div class="p2_guanggao_con_04 clearfix">
				<div class="p2_guanggao_con_04top">
					<input type="text"  value="可以将店铺或产品链接粘贴至此处" onBlur="if(this.value==''){this.value='可以将店铺或产品链接粘贴至此处';}" onFocus="if(this.value=='可以将店铺或产品链接粘贴至此处'){this.value='';}"  class="part"/>
				</div>
				<div class="p2_guanggao_con_04bot">
					<div class="tianjia"><a href="#">+</a></div>
					<p>大小：300K以内<br />尺寸：490*140像素</p>
				</div>
			</div>
			</li>
		</ul>
	</div>
	<script>
	TouchSlide({ slideCell:"#p2_guanggao",titCell:'.p2_guanggao_tit',mainCell:'.p2_guanggao_con',autoPage:'<span>无广告</span><span>佣金广告</span><span>店铺广告</span><span>自定义广告</span>',effect:'leftLoop',interTime:5000,titOnClassName:'active' });
	</script>
</div>
<!--以上部分是主要内容--> 
<!--以下部分是底部footer-->
<footer class="flexbox footer"> 
  <!--没有fonticon可以用。 单独写 方便做active--> 
  <a href="" class="flexbox-item nth1 active"><i></i><span>首页</span></a>
  <a href="" class="flexbox-item nth2"><i></i><span>创业帮</span></a>
  <a href="" class="flexbox-item nth3"><i></i><span>梦工厂</span></a>
  <a href="" class="flexbox-item nth4"><i></i><span>我的</span></a> </footer>
<!--以上部分是底部footer-->

</body>
</html>
